<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>消息管理</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" type="text/css" href="/css/forum.css">
    <link rel="stylesheet" href="/css/messageManager/user/messageDetailUser.css"/>

</head>
<body>
<div class="container-fluid customer-page">
    <div class="card">
        <div class="card-header">
            <h1>回复消息</h1>
        </div>
        <div class="card-body">
            <div class="headerContainer clearfix">
                <input type="hidden" th:value="${messageId}" id="messageId">
                <input type="hidden" th:value="${msgType}" id="msgType">
                <button type="button" class="btn btn-label btn-default" id="backBtn" onclick="backBtn()"><label><i class="mdi mdi-keyboard-backspace"></i></label>返回</button>
                <button type="button" class="btn btn-default" onclick="focusInput()">回复</button>
                <button type="button" class="btn btn-default" onclick="markImportMessage()">标记重要</button>
                <button type="button" class="btn btn-default" onclick="deletInit()">删除</button>
            </div>
            <div class="nav-tab">
                <div class="well form-well add-color" >

                    <input type="hidden" id="newsReadType">  <!-- 消息读取类型 -->
                    <input type="hidden" id="senderId">  <!-- 发送人id -->
                    <input type="hidden" id="receiverId">  <!-- 接收人 -->
                    <input type="hidden" id="themeId">  <!-- 主题id -->
                    <h2 class="before-icon">消息主题 ：<span class="text1" id="theme"></span></h2>
                    <p class="theme-send">发送人 : <span class="text1" id="senderName"></span></p>
                    <p class="theme-send">发送时间 : <span class="text1" id="sendTm"></span></p>
                    <div class="add-back" id="newsDetail">
                    </div>
                </div>

                <div class="well form-well" >
                    <div class="newsTypeJudge">
                        <p class="back-while"><i class="mdi mdi-message-text-outline" style="font-size: 16px;color: #6b84ff;margin-right: 6px;"></i>回复：</p>
                        <textarea class="form-control" placeholder="" id="content"></textarea>
                        <ul id="imgBox" class="publish-img-box clearfix"></ul>
                        <div class=" publish-action max-row">
                            <div class="col-xs-8">
                                <!--                            <div class="pull-left publish-emoticon">-->
                                <!--                                <a id="publishEmotIcon" href="JavaScript:void(0);" class="emotion-btn">-->
                                <!--                                    <i class="mdi mdi-emoticon"></i>表情-->
                                <!--                                </a>-->
                                <!--                            </div>-->
                                <!--                            <label for="publishPic" class="pull-left publish-pic">-->
                                <!--                                <input type="file" accept="image/*" id="publishPic" class="hide">-->
                                <!--                                <i class="mdi mdi-image"></i>图片-->
                                <!--                            </label>-->

                            </div>
                            <div class="" >
                                <div class="pull-right">

                                    <button type="button" id="publishBtn" class="btn btn-primary pull-left" onclick="replyMessage()" style="padding: 5px 20px;" >发送</button>
                                </div>
                            </div>
                            <div class="clearfix"></div>

                        </div>
                    </div>

                    <div class=" max-row">

                        <div class="">
                            <div class="comment-list">
                                <div class="reply-num" style=""><span>当前已经评论<span class="span-num"></span>次</span></div>
                                <!--<div class="comment-loading"><i class="mdi mdi-36px mdi-spin mdi-loading"></i></div>-->
                                <div class="list-all">

                                </div>
<!--                                <div class="list" data-id="ebfe0ae798874276b80f5748efd99979">-->
<!--                                    <div class="head"><a href="#"><img src="http://localhost:8081/fileUpload/1627026266407006EEhiGly1fx1iwm2454j30j60g60u4.jpg" alt=""></a></div>-->
<!--                                    <div class="list-info" data-id="ebfe0ae798874276b80f5748efd99979">-->
<!--                                        <input type="text" value="ebfe0ae798874276b80f5748efd99979" data-userforumid="5e5330eb66bf495e8703e3c3017154ca" data-level="1" data-replypid="ebfe0ae798874276b80f5748efd99979" class="hide one-reply-id">-->
<!--                                        <p><a href="#">普通用户：</a>1111</p>-->
<!--                                        <div class="list-time">2021-11-09 14:38</div>-->
<!--                                        <div class="list-action">-->
<!--                                            <a href="Javascript:void(0);" class="list-reply-btn"><i class="mdi mdi-message-text-outline"></i>回复</a>-->
<!--&lt;!&ndash;                                            <a href="Javascript:void(0);" onclick="deleteReply(this, 'ebfe0ae798874276b80f5748efd99979', true);"><i class="mdi mdi-delete-variant"></i>删除</a>&ndash;&gt;-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="replay-box">-->
<!--                                        <div class="list-info" data-id="fc3cbadcb32140f6a10a1d35f77f579b">-->
<!--                                            <input type="text" value="fc3cbadcb32140f6a10a1d35f77f579b" data-userforumid="5e5330eb66bf495e8703e3c3017154ca" data-level="2" data-replypid="fc3cbadcb32140f6a10a1d35f77f579b" class="hide">-->
<!--                                            <p><a href="#">令狐冲：</a> 123123</p>-->
<!--                                            <div class="list-time">2021-11-09 14:59</div>-->
<!--                                            <div class="list-action">-->
<!--                                                <a href="Javascript:void(0);" class="list-reply-btn"><i class="mdi mdi-message-text-outline"></i>回复</a>-->
<!--                                            </div>-->
<!--                                        </div>-->

<!--                                        <div class="list-info" data-id="ff9db9a5994f4da2baab7bd29d0f7274">-->
<!--                                            <input type="text" value="ff9db9a5994f4da2baab7bd29d0f7274" data-userforumid="5e5330eb66bf495e8703e3c3017154ca" data-level="3" data-replypid="ff9db9a5994f4da2baab7bd29d0f7274" class="hide">-->
<!--                                            <p><a href="#">令狐冲：</a><a href="#">@令狐冲</a> 1111</p>-->
<!--                                            <div class="list-time">2021-11-09 14:57</div>-->
<!--                                            <div class="list-action">-->
<!--                                                <a href="Javascript:void(0);" class="list-reply-btn"><i class="mdi mdi-message-text-outline"></i>回复</a>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--&lt;!&ndash;                                        <div class="reply-list-more" onclick="replyModal(this, 'ebfe0ae798874276b80f5748efd99979', '5e5330eb66bf495e8703e3c3017154ca');">查看更多回复<i class="mdi mdi-menu-down"></i></div>&ndash;&gt;-->
<!--                                    </div>-->


<!--                                </div>-->


                            </div>

                        </div>

                    </div>




                </div>
            </div>



        </div>
    </div>



</div>


<div class="modal fade" id="supplementaryMaterialModal"  data-keyboard="false" tabindex="-1" aria-labelledby="editCardMessModel" aria-hidden="true">
    <div class="modal-dialog" style="width: 30%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h5 class="modal-title" id="editCardMessTitle">补充材料</h5>
            </div>
            <div class="clearFix" style="margin-top:10px;margin-bottom:10px" >
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="file-group form-group">
                        <label class="control-label label-required">材料:</label>
                        <div class="file-box">
                            <input type="hidden" id="contractPic" class="image-id" >
                            <input type="file"  id="contractImg" name="contractImg" class="form-control"  onchange="uploadImgExchange()">
                        </div>
                    </div>
                </div>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="submitEvidence()">确定</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
            </div>

        </div>

    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<!-- 子页面公用js -->
<script type="text/javascript" src="/js/crm/common/common.js"></script>
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/messageManager/user/messageDetailUser.js"></script>
</html>